---
title: Installation
metaDescription: Installation Guide - How to install Amplify UI Packages, Styles, and Fonts.
supportedFrameworks: android|angular|flutter|react|react-native|vue
---

import Link from 'next/link';
import { Fragment } from '@/components/Fragment';
import { FRAMEWORKS } from '@/data/frameworks';
import { getCustomStaticPath } from '@/utils/getCustomStaticPath';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

## Dependencies

### Packages

<Fragment>
  {({ platform }) => import(`./dependencies.${platform}.mdx`)}
</Fragment>

<Fragment platforms={['angular']}>
  {({ platform }) => import(`./shims.${platform}.mdx`)}
</Fragment>

<Fragment platforms={['web']} useCommonWebContent>
  {({ platform }) => import(`./styles.${platform}.mdx`)}
</Fragment>

<Fragment platforms={['web']} useCommonWebContent>
  {({ platform }) => import(`./fonts.${platform}.mdx`)}
</Fragment>
